<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="css/youyi.css"/>
    <title>商品详情</title>
    <style>
    body{overflow: hidden;}
		.mui-control-content {
			background-color: white;
			min-height: 125px;
		}
		.mui-control-content .mui-loading {
			margin-top: 50px;
		}
		.mui-scroll-wrapper{ top: 44px; bottom:45px;}
	</style>	
</head>
<body>
	<header class="mui-bar mui-bar-nav top_nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left detail_left"></a>
		<h1 id="title" class="mui-title">商品详情</h1>
		<!--<a id="info" class="mui-icon iconfont icon-caidan mui-pull-right"></a>-->
	</header>
	<div class="mui-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
		        
		    
		
		<div id="dtlBanner" class="mui-slider pdt_dtl_banner" >
			<div class="mui-slider-group mui-slider-loop">
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="javascript:;">
						<img src="images/onlineConsulting/banner2@2x.png">
					</a>
				</div>
				<!-- 第一张 -->
				<div class="mui-slider-item mui-active	">
					<a href="javascript:;">
						<img src="images/onlineConsulting/banner@2x.png">
					</a>
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="images/onlineConsulting/banner@2x.png">
					</a>
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="images/onlineConsulting/banner_6.jpg">
					</a>
				</div>
				<!-- 第四张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="images/onlineConsulting/banner2@2x.png">
					</a>
				</div>
				<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="javascript:;">
						<img src="images/onlineConsulting/banner@2x.png">
					</a>
				</div>
			</div>
			<!--<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>-->
			<div class="see">
				<span class="seeed">224</span>
				<span class="see_hot">274</span>				
			</div>
		</div>
		<div class="mui-table-view mui-grid-view detail_head">
			<h1 class="detail_h">纸框折叠式过滤网</h1>
			<div class="mui-table-view-cell mui-col-xs-6"><span>价格：</span>面议</div>
			<div class="mui-table-view-cell mui-ellipsis mui-col-xs-6"><span>所在地：</span>广东省 东莞市</div>
			<div class="mui-table-view-cell mui-col-xs-6"><span>供应量：</span>100张起售</div>
			<div class="mui-table-view-cell mui-col-xs-6"><span>有效期：</span>长期有效</div>
		</div>
		<div id="slider" class="mui-slider content_slider">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui_list_nav">
					<a class="mui-control-item" href="#item1mobile">
						商品详情
					</a>
					<a class="mui-control-item" href="#item2mobile">
						累计评价
					</a>
					<a class="mui-control-item" href="#item3mobile">
						供应商信息
					</a>
				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<!--<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">-->
								<p>
									商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。商品描述是淘宝开店最关键的工作之一，仅次于拍照宝贝图片和定价。例如：服装，描述中应该体现尺寸，大小，颜色，材料，适合胖瘦等。这是举例而言，不同类型的商品，不同的描述。尤其是二手的，一定要描述详细些，可以最大限度避免纠纷。
								</p>
							<!--</div>
						</div>-->
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<!--<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">-->
								<p>
									商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好商品的属性要写清楚,主要要写上最真实的,不然顾客收到会感觉你的描述写的很好,不过却很虚假,对信誉不好
								</p>
								<!--<div class="mui-loading">
									<div class="mui-spinner">
									</div>
								</div>-->
							<!--</div>
						</div>-->

					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<!--<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">-->
								<p>
									简单！就写你要卖的产品的各种介绍最好自己找些实图上去！简单！就写你要卖的产品的各种介绍最好自己找些实图上去！简单！就写你要卖的产品的各种介绍最好自己找些实图上去！简单！就写你要卖的产品的各种介绍最好自己找些实图上去！简单！就写你要卖的产品的各种介绍最好自己找些实图上去！简单！就写你要卖的产品的各种介绍最好自己找些实图上去！简单！就写你要卖的产品的各种介绍最好自己找些实图上去！简单！就写你要卖的产品的各种介绍最好自己找些实图上去！
								</p>
								<!--<div class="mui-loading">
									<div class="mui-spinner">
									</div>
								</div>-->
							<!--</div>
						</div>-->

					</div>
				</div>
		</div>
		</div>
		</div>
	</div>
	<div class="mui-table-view mui-grid-view fun_btn" style="z-index: 2;">
		<a href="javascript:;" class="mui-table-cell mui-col-xs-6 mui-btn mui-btn-danger">收藏该商品</a>
		<a href="customer_service.html" class="mui-table-cell mui-col-xs-6 mui-btn mui-btn-success i_inquiry">我要询价</a>
	</div>
<script src="js/mui.min.js"></script>
<script>
	var winH=window.innerHeight;
	var slider=document.getElementById("slider");
	var sliderTop=slider.offsetTop;	
	document.querySelector("body").style.height=winH+"px";	
//	(function (){
//		var content=document.querySelectorAll(".mui-control-content");
//		for(var i=0;i<content.length;i++){
//			content[i].style.height=winH-sliderTop-40-45+"px"
//		};
//	})();
	
	mui.init({
		swipeBack:false ,//启用右滑关闭功能
		keyEventBind: {
			//backbutton: false,  //Boolean(默认true)关闭back按键监听
			menubutton: false   //Boolean(默认true)关闭menu按键监听
		}
	});	
	mui('.mui-scroll-wrapper').scroll({
		indicators: true //是否显示滚动条
	});

</script>
</body>
</ html>